// 获取数据渲染页面
function getArticleCat() {
    $.ajax({
        url: '/my/article/cates',
        success: function(res) {
            // console.log(res);
            var str = template('tbody_content', res);
            $('tbody').html(str);
        }
    });
}
getArticleCat();
// 添加类别绑定点击事件 动态添加form表单内容
var index;
$('.add_cat').on("click", function() {
    index = layer.open({
        title: '添加文章分类',
        content: template('layer_add', {}),
        area: ['500px', '250px'],
        btn: null,
    });
});
// 因为内容是点击后生成的无法直接使用form提交事件 所以事件委托给body到对应的类form表单
$('body').on('submit', '.add_form', function(e) {
    e.preventDefault();
    $.ajax({
        method: 'POST',
        url: '/my/article/addcates',
        data: $(this).serialize(),
        success: function(res) {
            // console.log(res);
            // 提示信息
            layer.msg(res.message);
            // 关闭弹出层
            layer.close(index);
            // 重新渲染页面
            getArticleCat();
        }
    });
});
// 事件委托给tbody 增加点击编辑功能
$('tbody').on('click', '.edit_add', function() {
    $this = $(this);
    // console.log(this);
    index = layer.open({
        title: '修改文章分类',
        content: template('edit_cat', {}),
        area: ['500px', '250px'],
        btn: null,
        success: function() {
            $.ajax({
                url: '/my/article/cates/' + $this.attr('data-id'),
                success: function(res) {
                    console.log(res);
                    layui.form.val('edit', res.data);
                }
            })
        }
    });
});
$('body').on('submit', '.edit_form', function(e) {
    e.preventDefault();
    $.ajax({
        method: 'POST',
        url: '/my/article/updatecate',
        data: $(this).serialize(),
        success: function(res) {
            // console.log(res);
            layer.msg(res.message);
            // 关闭弹出层
            layer.close(index);
            // 重新渲染页面
            getArticleCat();
        }
    });
});
$('tbody').on("click", '.deleta', function() {
    $this = $(this)
    layer.confirm('确认删除吗?', { icon: 3, title: '提示' }, function(index) {
        $.ajax({
            url: '/my/article/deletecate/' + $this.attr('data-id'),
            success: function(res) {
                console.log(res);
                layer.msg(res.message);
                getArticleCat();
            }
        })
        layer.close(index);
    });
});